@charset "utf-8";
/*通用样式*/html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,abbr,acronym,address,cite,code,del,dfn,em,img,ins,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0 none;}
body {text-align:center;font-size:12px;}
div {text-align:left;}
input,button,label {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,em,form,label,i {color:#333;font-style:normal;padding:0;margin:0;}
ul,li,p,form {padding:0;margin:0;list-style:none;}
img {border:0 none;}
li {list-style:none;}
button {cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#333}
a:hover {color:#f00;}
.pr {position:relative}
.pa {position:absolute}
/*通用自定义样式*/
.cl:after {content:"\0020";line-height:0;font-size:0;display:block;clear:both;visibility:hidden;overflow:hidden;}
.cl {*zoom:1;}
.c {height:0;clear:both;line-height:0;font-size:0;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.bgf {background:#fff;}
.ov {overflow:hidden;}
body {color:#333; background:#fff;  }
.wi {width:1200px;margin:0 auto; }
.w1160{width:1160px;margin:0 auto; padding:0 20px;}
.g20{ height:20px;}

.zt, .zt a{font-family: -apple-system,Noto Sans,Helvetica Neue,Helvetica,Nimbus Sans L,Arial,Liberation Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Source Han Sans CN,Microsoft YaHei,Wenquanyi Micro Hei,WenQuanYi Zen Hei,ST Heiti,SimHei,WenQuanYi Zen Hei Sharp,sans-serif; }

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.bs{ color:#fff}
.bs a{ color:#fff;}

/*整体布局 */


/*头部 */
.ding{ height:36px; line-height:36px; background:#414850; color:#c2c3c5}
.ding a{ color:#c2c3c5}
.ding .da{}
.ding .da .daa{}
.ding .da .dab{}
.ding .da .dab a{ margin-left:10px;}

/*头部-LOGO一行*/
.lo{ height:120px; background:url(images/tbg.jpg);padding-top: 5px;}
.lo .logo{ margin-top:25px;}
.lo .lob{ margin-left:0px; height:80px; margin-top:25px;background:url(images/le0.png) no-repeat left; padding-left:20px;}
.lo .lob strong{ display:block; font-size:32px; color:#222; padding-top:0px; }
.lo .lob span{ display:block; padding-top:5px; color: #006cba; font-size: 22px;}
.lo .lor{ margin-top:30px;}
.lo .lor icon{ float:left;width:30px; height:31px; background:url(images/tel.png) no-repeat; margin-top:26px; margin-left: 50px}
.lo .lor span{ display:block; float:right; padding-top:8px; margin-left:5px;}
.lo .lor span i{ display:block; color:#024fa1 }
.lo .lor span em{ display:block; font-size:26px; color:#333; font-weight:600; padding-top:0px;}
.lo .lod{ width:80px; margin-top:25px; margin-right:30px;}
.lo .lod img{ width:100%;}



/*导航一行*/
.navbg{ height:56px; background:url(images/nav.jpg)}
.g5{height:56px; line-height:56px;}
.ws{width:140px;}
.dh {/*最外层的灵活修改*/}
/*顶部下拉导航样式，自己可以随便定义*/
.top-nav {}
.menu-list { position:relative;float:left;display:inline;/*右侧竖线*/}

.menu-list:after{ position:absolute;content: "";display: block;height: 56px;width:2px;right:0;top:0; background: url(images/nav_x.jpg) no-repeat;transform: skewX(-35deg);}

.menu-list:nth-last-child(1){  border-right:0px solid #fff;/*最后一个不显示*/}
.menu-list a {display:block; }
.menu-list span {display:block;text-align:center/*大栏目名字的宽度*/;}
.menu-list span a{ color:#fff;font-size:16px;font-weight:600/*仅仅是大栏目名字颜色，跟下拉无关*/}
.menu-list span:hover {}


.menu-list span.current {/*鼠标离开大栏目名字，处在下拉时候，栏目所在的样式*/}
.menu-list span.current a {color:#006cba;display:inline-block;position: relative;z-index:2;}

.menu-list span.current em {position: absolute;left:0;top:0;width:100%;height: 56px;background:#fff;color:#000;transform: skewX(-35deg);z-index: 1; display: block;}

/*下拉的展开的*/
.menu-list ul {display:none;position:absolute;z-index:9999; left:-21px;border:1px solid #efefef;}
.menu-list ul li {line-height:50px;height:50px; overflow: hidden; text-align:center;margin-bottom:0px;color:#000;background:rgba(255,255,255,0.8); border-bottom:1px solid #ddd;}



.menu-list ul li a {color:#000; font-size:14px;}
.menu-list ul li:hover {background:#eee;}
.menu-list ul li a:hover {color:#c01f31}
/*当前栏目的大导航名字高亮*/
.menu-list span.on{}
.menu-list span.on a{color:#006cba;display:inline-block;position: relative;z-index:2;}

.menu-list span.on em {position: absolute;left:0;top:0;width:100%;height: 56px;background:#fff;color:#000;transform: skewX(-35deg);z-index: 1; display: block;}
/*end导航*/


/*右侧的浮动客服*/
.kf {position:fixed;bottom:20%; right:10px; width:60px;height:60px;background:#a2abb0;font-size:18px;text-align:center;line-height:60px;border-radius:10px;}
.kf a {color:#fff;display:block;}


/*网站底部01*/.fo {background:linear-gradient( #024fa1,#1048a0);}
/*一行文字*/.bv {background:#ff5001;text-align:center;}
.botnav {height:60px;line-height:60px;color:#000}
.botnav a {margin:0 25px;color:#000;font-size:14px;}
.botnav a:hover {color:#fff}
/*分块*/.fs {min-height:200px;padding-top:30px;}
.fty {color:#fff;}
.fty strong {display:block;font-size:18px;}
.fty span {width:50px;border-bottom:2px solid #fff;display:block;margin:12px 0;}
.fty p {display:block;line-height:26px; color:#fff}
.fty a {color:#fff;}
.fca {width:350px;}
.fcb {width:400px;}
.fcb ul {display:block;}
.fcb ul li {float:left;width:50%;line-height:30px;}
.fcb ul li a {font-size:14px;}
.fcc {width:200px;}
.fcd {width:200px;}
.wx {width:100px;margin-top:35px;margin-right:40px;}
.wx img {width:100%;}
.cop {height:40px;line-height:40px;background:#222;}
.cop,.cop a {color:#fff;}
.cop a {margin-left:15px;}
.bq {}
.bq a {margin:0 15px;}
.bql {}
.bqr {}


/*分页*/
.epages {padding:15px 0 40px 0; color:#999}
.epages span {float:left;margin-right:10px;border:1px solid #eee;padding:5px 10px; font-size:12px;}
.epages b {float:left;margin-right:10px;border:1px solid #eee;padding:5px 10px;color:#f00;font-size:12px;}
.epages a {float:left;margin-right:10px;border:1px solid #eee;padding:5px 10px; color:#999;font-size:12px;}
